<template>
  <div class="manage">
    <topbar/>
    <div class="subtages">
      <el-tabs v-model="activeName">
        <el-tab-pane label="课程信息" name="1">
          <classinfo/>
        </el-tab-pane>
        <el-tab-pane label="默认计划设置" name="2">
          <defaultplan/>
        </el-tab-pane>
        <!--<el-tab-pane label="全部计划" name="3">3</el-tab-pane>-->
        <el-tab-pane label="课程文件" name="4">
          <coursefile/>
        </el-tab-pane>
        <!--<el-tab-pane label="课程试卷" name="5">5</el-tab-pane>-->
        <!--<el-tab-pane label="课程题库" name="6">6</el-tab-pane>-->
      </el-tabs>
    </div>
  </div>
</template>

<script>
  import Topbar from './components/submanage/topbar'
  import Classinfo from './components/submanage/classinfo'
  import Defaultplan from './components/submanage/defaultplan'
  import Coursefile from './components/submanage/coursefile'

  export default {
    components: {
      Topbar,
      Classinfo,
      Defaultplan,
      Coursefile
    },
    data() {
      return {
        activeName: '1',
        routerData: {}
      }
    },
    mounted() {
      this.routerData = this.$route.params;
      console.log(this.routerData.id)
    }

  }
</script>

<style lang="scss" scoped>
  .manage {
    padding: 20px;
    background-color: #eff1f5;
  }

  .subtages {
    width: 100%;
    position: relative;
    margin-top: 20px;

    /deep/ .el-tabs {
      background-color: #fff;
      padding: 0 20px;
      // padding-left: 20px;
      border-radius: 8px;

      .el-tabs__header {
        padding: 0;
        position: relative;
        margin: 15px 0;
      }

      .el-tabs__item {
        font-size: 14px;
      }

      .subbutton {
        width: 100%;
        height: 80px;
        background-color: #eff1f5;

        .subleft {
          float: left;
          margin-left: 80px;
          height: 60px;
          margin-top: 10px;
          line-height: 60px;
          font-size: 14px;
          color: black;
        }

        .subright {
          float: right;
          margin-top: 10px;
          height: 100px;
          line-height: 60px;
          margin-right: 50px;
        }
      }
    }
  }

  .submanage {
    width: 200px;
    height: 200px;
    background-color: #e3e3e3;
  }
</style>
